<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="author" content="themelocator">
        <meta name="description" content="">

        <title>Emei Kung Fu</title>

        <!-- CSS -->
        <link rel="stylesheet" href="static/css/app.css">

        <!-- fonts -->
        <link href="static/css/css.css" rel="stylesheet">
        <link href="static/css/css1.css" rel="stylesheet">


        <!-- icons -->
        
        
        
        
          
        <!-- icons -->

        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="#"></script>
        <script src="#"></script>
        <![endif]-->
        <!-- Template Developed By themelocator -->
    </head>
    <body> 
        <header class="tl-header header-style-1">
            <div class="tl-topbar">
                <div class="container">
                    <div class="d-flex justify-content-between">
                        <div class="left-content">
                            <ul class="global-list">
<!--                                <li><span class="icon"><img src="static/picture/icon1.png" alt="Image" class="img-fluid"></span><a href="tel:+9985260948">+99 852 60948</a></li>-->
                                <li><span class="icon"></span><a href="#">中峰寺-峨眉武术发源地</a></li>
                            </ul>
                        </div><!-- /.left-content -->
<!--                        <div class="right-content align-self-center">-->
<!--                            <div class="topbar-user">-->
<!--                                <span><a href="login.html">会员登录</a> | <a href="sign-up.html">注册</a></span>-->
<!--                            </div>&lt;!&ndash; /.topbar-user &ndash;&gt;-->
<!--                        </div>&lt;!&ndash; /.right-content &ndash;&gt;-->
                    </div>
                </div><!-- /.container -->
            </div><!-- /.tl-topbar -->

            <div class="tl-menu menu-absolute menu-sticky">
                <nav class="navbar navbar-expand-lg p-0">
                    <div class="container">
                        <a class="navbar-brand" href="index.html">
                            <img src="static/image/emeilogo.jpg" alt="Logo" class="img-fluid"> --> 峨眉山中峰武术研究院
                        </a>
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="navbar-toggler-icon"><i class="fa fa-align-justify"></i></span>
                        </button>
                        <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
                            <ul class="navbar-nav">
                                <li class="tl-dropdown active">
                                <a href="index1.html">研究院简介</a>
                                </li>

                                <li><a href="qiaozhengquan.html">院长乔正权</a></li>
                                <li><a href="emeiwushu.html">峨眉武术</a></li>
<!--                                <li class="tl-dropdown">-->
<!--                                    <a href="#">发现峨眉</a>-->
<!--                                    <ul class="tl-dropdown-menu">-->
<!--                                        <li><a href="team.html">Agents</a></li>-->
<!--                                        <li><a href="blog-list.html">Blog List View</a></li>-->
<!--                                        <li><a href="blog-list.html">Blog List View</a></li>-->
<!--                                        <li><a href="blog-details.html">Blog Details</a></li>-->
<!--                                        <li><a href="agent-details.html">Agent Details</a></li>-->
<!--                                        <li><a href="property-submit.html">Property Submit</a></li>-->
<!--                                        <li><a href="property-details.html">Property Details</a></li>-->
<!--                                        <li><a href="login.html">Login</a></li>-->
<!--                                        <li><a href="sign-up.html">Sign Up</a></li>-->
<!--                                    </ul>-->
<!--                                </li>-->
                                <li class="tl-dropdown">
                                    <a href="#">峨眉武缘</a>
                                    <ul class="tl-dropdown-menu">
                                        <li><a href="jiaotonguniversity.html">峨眉武术进校园-交大专栏</a></li>
                                    </ul>
                                </li>
                                <li><a href="contact.html">联系我们</a></li>
                            </ul>       
                        </div> 
<!--                        <div class="right-content">-->
<!--                            <div class="lt-button">-->
<!--                                <a href="property-submit.html" class="btn btn-transparent">化缘</a>-->
<!--                            </div>-->
<!--                        </div>-->
                    </div><!-- /.container -->
                </nav><!-- /.navbar -->                                
            </div><!-- /.tl-menu -->             
        </header><!-- /.tl-header -->

        <div class="lt-banner banner-style-1 bg-image" style="background-image: url(static/image/faxianemei.jpg);background-attachment: fixed;background-size: 75% 100%;">
            <div id="home-slider" class="carousel slide home-slider banner-content" data-ride="carousel">
                <div class="carousel-inner text-center">
                    <div class="carousel-item active">
                        <div class="container">
                            <div class="banner-text">
                                <h1>峨眉山市</h1>
                                <h2>中峰武术研究院</h2>
                                <p>峨眉武术文化和技法的研究、宣传、推广、传承</p>
                                <form action="#">
                                    <div class="form-content">
                                        <div class="search-content">
                                            <input class="form-control" name="search" type="text" placeholder="Search here..">
                                            <button type="submit"><i class="fa fa-search"></i></button>
                                        </div>
                                        <div class="form-group">
                                            <select class="form-control">
                                                <option>City</option>
                                                <option>Washington</option>
                                                <option>New Jersey</option>
                                                <option>Los angeles</option>
                                            </select>  
                                        </div>
                                        <div class="form-group">
                                            <select class="form-control">
                                                <option>State</option>
                                                <option>New York</option>
                                                <option>California</option>
                                                <option>Washington</option>
                                            </select>  
                                        </div>
                                        <div class="button">
                                            <input type="submit" value="Search" class="btn btn-primary">
                                        </div> 
                                    </div><!-- /.row -->
                                </form>                                    
                            </div>
                        </div><!-- /.container -->
                    </div><!-- /.carousel-item -->

                </div>
                <a class="carousel-control-prev" href="#home-slider" role="button" data-slide="prev">
                    <i class="fa fa-angle-left" aria-hidden="true"></i>
                </a>
                <a class="carousel-control-next" href="#home-slider" role="button" data-slide="next">
                    <i class="fa fa-angle-right" aria-hidden="true"></i>
                </a>
            </div><!-- /.home-slider -->
            <div class="mouse-inner-area text-center">
                <div class="container">
                    <div class="mouse-inner">
                        <div class="thumb">
                            <img src="static/picture/mouse-thumb.png" alt="Image" class="img-fluid">
                            <a href="#about" class="mouse-icon">
                                <span class="wheel"></span>
                                <i class="fa fa-angle-down"></i>
                            </a>
                        </div>
                    </div><!-- /.mouse-inner -->
                </div><!-- /.mouse-inner-area -->
            </div><!-- /.mouse-inner-area -->
        </div><!-- /.lt-banner -->

        <!-- JS -->
        <script src="static/js/jquery-3.6.0.min.js"></script>
        <script src="static/js/popper.min.js"></script>
        <script src="static/js/bootstrap.min1.js"></script>
        <script src="static/js/magnific-popup.min.js"></script>
        <script src="static/js/slick.min.js"></script>
        <script src="static/js/counterup.min.js"></script>
        <script src="static/js/waypoints.min.js"></script>
        <script src="static/js/jquery-ui-min.js"></script>
        <script src="static/js/jquery.nice-select.min.js"></script>
        <script src="static/js/theia-sticky-sidebar.min.js"></script>
        <script src="static/js/main1.js"></script>  
    </body>
</html> 